<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>日期选择</title>
    <!--引入css-->
    <link rel="stylesheet" href="../../css/reset.css"/>
    <link rel="stylesheet" href="../../css/public.css"/>
    <link rel="stylesheet" href="../../css/index.css"/>
    <link rel="stylesheet" href="../../css/date.css"/>
    <script type="text/javascript">
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 750;
                document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
</head>
<body style="background:red">
    <div style="position:fixed;z-index:2;">
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
        <p>sdfs</p>
    </div>
<!-- 日期选择列表 -->
<div id="ja-date-popup" class="date-popup">
    <div class="date-top-bar">
        <ul class="date-tab box">
            <li class="flex select">
                <a href="javascript:void(0);">去程日期</a>
            </li>
            <li class="flex">
                <a href="javascript:void(0);">返程日期</a>
            </li>
        </ul>
        <ul class="week-bar box">
            <li class="flex">日</li>
            <li class="flex">一</li>
            <li class="flex">二</li>
            <li class="flex">三</li>
            <li class="flex">四</li>
            <li class="flex">五</li>
            <li class="flex">六</li>
        </ul>
    </div>
    <!--空盒子，填充由于定位引起的空白区域 start-->
    <div class="empty-box"></div>
    <!--空盒子，填充由于定位引起的空白区域 end-->
    <!--空盒子，填充由于定位引起的空白区域 start-->
    <div class="empty-box-s"></div>
    <!--空盒子，填充由于定位引起的空白区域 end-->
    <div class="date-box">
        <h4 class="year">2017年07月</h4>
        <table>
            <tr>
                <td></td>
                <td></td>
                <td class="overdue">
                    <p class="date">1</p>
                </td>
                <td class="overdue">
                    <p class="date">2</p>
                </td>
                <td class="overdue">
                    <p class="date">3</p>
                </td>
                <td class="overdue">
                    <p class="date">4</p>
                </td>
                <td class="overdue">
                    <p class="date">5</p>
                </td>
            </tr>
            <tr>
                <td class="overdue">
                    <p class="date">6</p>
                </td>
                <td class="overdue">
                    <p class="date">7</p>
                </td>
                <td class="overdue">
                    <p class="date">8</p>
                </td>
                <td>
                    <p class="date">今天</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td class="select">
                    <span class="tips">去程</span>
                    <p class="date">10</p>
                    <p class="price">
                        <span>￥</span>
                        <span>890</span>
                    </p>
                </td>
                <td>
                    <p class="date">11</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">12</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">13</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">14</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">15</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">16</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">17</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">18</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">19</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">20</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">21</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">22</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">23</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">24</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">25</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">26</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">27</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">28</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">29</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">30</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">31</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td></td>
                <td></td>
            </tr>
        </table>
        <h4 class="year">2017年07月</h4>
        <table>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>
                    <p class="date">1</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">2</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">3</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">4</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">5</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">6</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">7</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">8</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">9</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">10</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">11</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">12</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">13</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">14</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">15</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">16</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">17</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">18</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">19</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">20</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">21</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">22</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">23</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">24</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">25</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">26</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">27</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">28</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">29</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td>
                    <p class="date">30</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td>
                    <p class="date">31</p>
                    <p class="price">
                        <span>￥</span>
                        <span>1203</span>
                    </p>
                </td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </div>
<div>

</div>
</div>

<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../js/index.js"></script>
<script type="text/javascript">

</script>
</body>
</html>